<template>
    <div class="hygg">
        <div v-for="(item, key) in hyggList" :key="key">
            <el-divider content-position="left">{{key}}</el-divider>
            <div v-for="vo in item">
                <div>{{vo.title}}</div>
            </div>
        </div>
    </div>
</template>

<script>
    import Axios from 'axios';
    export default {
        name: 'Hygg',
        data() {
            return {
                hyggList:null
            }
        },

        created(){
            //发送请求
            this.gethyzx();
        },
        methods: {
            handleOpen(key, keyPath) {
                console.log(key, keyPath);
            },
            handleClose(key, keyPath) {
                console.log(key, keyPath);
            },
            gethyzx(){
                var url=this.Global.httpUrl+"/shares/gethyzx";
                Axios.get(url).then((response)=>{
                    this.hyggList=response.data.data;
                }).catch((error)=>{
                    console.log(error);
                })
            }
        }
    }
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>

    .el-menu-vertical-demo:not(.el-menu--collapse) {
        width: 100px;
        min-height: 400px;
    }

</style>
